<div class="public-header">
    <div id="right-sider">
        <aside>
            <ul>
                <li class="car"><i class="iconfont">&#xe600</i>购物车<span>11</span>件</li>
                <li><a href="personal_center.html"><span>我的收藏</span><i class="iconfont">&#xe602</i></a></li>
                <li><a href="personal_center.html"><span>账户中心</span><i class="iconfont">&#xe63d</i></a></li>
                <li><a href="personal_center.html"><span>在线充值</span><i class="iconfont">&#xe672</i></a></li>
                <li><a href="#"><span><img src="./img/sider-chat.png" alt=""></span><i class="iconfont">&#xe646</i></a>
                </li>
                <li><a href="#"><span>顶部</span><i class="iconfont">&#xe628</i></a></li>
            </ul>
        </aside>
        <nav>
            <header>
                <h1> 我的购物车</h1>
            </header>
            <dl id="sider-goods">
                <!-- 添加商品进入 -->
                <li>购物车是空的，快去选购商品吧</li> <br>
                <a href="index.html">去首页看看吧</a>
            </dl>
            <footer>
                <span>已选11件</span> <span>总计：￥100000</span><br>
                <button> 结算</button>
            </footer>
        </nav>
    </div>
    <!-- 头部导航栏 -->
    <div id="header-nav-wrap" class="wf">
        <div id="header">
            <ul>
                <li><span> <i class="iconfont">&#xe72a</i>当前城市：</span></li>
                <li class="changeposition">南阳<i class="iconfont">&#xe60b</i>
                    <dl class="jumplist">
                        <dt>您当前所选城市为：北京</dt>
                        <dt>热门城市</dt>
                        <dt>北京</dt>
                        <dt>上海</dt>
                        <dt>广州</dt>
                        <dt>武汉</dt>
                        <dt>沈阳</dt>
                        <dt>郑州</dt>
                        <dt>南京</dt>
                        <dt>成都</dt>
                        <dt>福州</dt>
                        <dt>天津</dt>
                        <dt>深圳</dt>
                    </dl>
                </li>
                <li><span class="username">用户，你好！</span></li>
                <li class="login"><a href="./login.html">登录</a></li>
                <li class="register"><a href="./login.html">注册</a></li>
            </ul>
            <ul class="fr">
                <li class="user">当前账户<i class="iconfont">&#xe60b</i>
                    <dl class="jumplist">
                        <dt class="login">您还没有登录！<a href="./login.html">登录</a></dt>
                        <dt><a href="">待付款订单</a> </dt>
                        <dt><a href="">我的消息</a></dt>
                        <dt><a href="">待签收订单</a></dt>
                        <dt><a href="">我的订单</a></dt>
                        <dt><a href="">支付卡账户</a></dt>
                        <dt><a href="">我的积分优惠券/团购卡</a></dt>
                        <dt><a href="">我的收藏电子礼品卡</a></dt>
                    </dl>
                </li>
                <li><a href="shopping_car.html" class="shop-car"><i class="iconfont">&#xe600</i>购物车</a></li>
                <li class="client">客户服务<i class="iconfont">&#xe60b</i>
                    <dl class="jumplist">
                        <dt><a href="">帮助中心</a> </dt>
                        <dt><a href="">新手上路</a></dt>
                    </dl>
                </li>
                <li><a href="#">企业购</a></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
    <!-- 搜索栏 -->
    <div id="search">
        <a href="./index.html" class="fl"><img src="img/logo.png" alt=""></a>
        <div class="search">
            <input type="text" placeholder="进口零食" id="txt"><i class="iconfont">&#xe688</i><button>搜索</button><a
                href="search.html" class="betesearch">高级搜索</a><br>
            <a href="#">礼盒</a><a href="#">粮油</a>
            <a href="#">大米</a><a href="#">牛奶</a>
            <ul class="goodslist">

            </ul>
        </div>
        <a href="#" class="fr"><img src="img/app.jpg" alt=""></a>
    </div>
    <!-- 分类栏目头部 -->
    <div class="wf" id="columns-header-wrap">
        <div id="columns-header">
            <h2 class="fl">全部商品分类</h2>
            <a href="./index.html" class="fl">首页</a>
            <a href="#" class="fl">团购</a>
            <div class="fr shopping-car">
                <i class="iconfont">&#xe600</i><a href="#">购物车</a><i class="iconfont">&#xe615</i>
                <div class="jumplist">
                    <li>购物车是空的，快去选购商品吧</li><br>
                    <a href="index.html">去首页看看吧</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="public-footer">
    <div class="wf" id="footer-wrap">
        <!-- 底部链接 -->
        <div class="footer">
            <ul>
                <li class="about">
                    <h2><a href="#">新手上路</a></h2>
                    <ul>
                        <li><a href="#">新用户演示</a></li>
                        <li><a href="#">会员积分计划</a></li>
                        <li><a href="#">会员等级规则</a></li>
                        <li><a href="#">售后服务政策</a></li>
                        <li><a href="#">我买网发票制度</a></li>
                    </ul>
                </li>
                <li class="about">
                    <h2><a href="#">付款方式</a></h2>
                    <ul>
                        <li><a href="#">支付方式</a></li>
                        <li><a href="#">支付常见问题</a></li>
                        <li><a href="#">激活礼品卡</a></li>
                        <li><a href="#">我买卡</a></li>
                        <li><a href="#">电子礼品卡说明及使用</a></li>
                    </ul>
                </li>
                <li class="about">
                    <h2><a href="#">配送信息</a></h2>
                    <ul>
                        <li><a href="#">配送运费信息</a></li>
                        <li><a href="#">生鲜速配运费标准</a></li>
                        <li><a href="#">订单处理时间</a></li>
                        <li><a href="#">验货与拒收政策</a></li>
                        <li><a href="#">用券订单结算说明</a></li>
                    </ul>
                </li>
                <li class="about">
                    <h2><a href="#">我买提示</a></h2>
                    <ul>
                        <li><a href="#">找回密码</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">常见热点问题</a></li>
                        <li><a href="#">关于跨境购</a></li>
                    </ul>
                </li>
                <div class="chat">
                    <h1>中粮我买网APP</h1><img src="./img/chat1.jpg" alt="">
                </div>
                <div class="chat">
                    <h1>中粮我买网微信</h1><img src="./img/chat2.jpg" alt="">
                </div>
            </ul>
        </div>
        <hr>
        <!-- 版权信息 -->
        <div class="copyright">
            <ul>
                <li><a href="">关于我们</a> </li>
                <li><a href="">免责条款</a> </li>
                <li><a href="">中粮集团</a> </li>
                <li><a href="">服务协议</a> </li>
                <li><a href="">隐私协议</a> </li>
                <li><a href="">友情链接</a> </li>
                <li><a href="">搜索热词</a> </li>
                <li><a href="">客服电话：400-005-5678</a> </li>
                <li><a href="">企业采购热线：4008-117-588</a></li>
            </ul>
            <img src="./img/logo.png" alt="">
            <aside>
                <p>
                    Copyright&copy;2009-2020 womai.com.hk All Rights Reserved 中粮海优（北京）有限公司版权所有</p>
                <p>中粮海优（北京）有限公司 北京市朝阳区朝阳门南大街8号18F-09室</p>
                <p><img src="./img/police.png" alt=""> 京公网安备 11010102000458号 <a href=""> 京ICP备13003995号-1</a></p>
                <p><a href="">营业执照（统一社会信用代码）91110000055590239L</a>食品经营许可证：JY11105020028185</p>
            </aside>
        </div>
    </div>
</div>